<!--学生查看照片墙-->
<link rel="stylesheet" href="./css/cstudent.css">

<style type="text/css">
	#danmu {
		float: left;
		width: 32%;
		margin-right: 10px;
	}
	
	#btn_danmu {
		float: left;
	}
	
	#btn_shanchu{
		float: right;
	}
	
	#btn_photo {
		float: right;
		margin-left: 10px;
	}
	
	.del_photo {
		position: absolute;
		margin-left: 200px;
		font-weight: 600;
		font-size: 32px;
		line-height: 0.6;
		cursor: pointer;
	}
	
	#imgss {
		min-height: 500px;
	}
	
	.cstudent-bottom {
		border: 1px solid #C3C3C3;
		background-color: #FAFAFA
	}
	
	.imgsss {
		margin: 0 auto;
	}
	
	.send_wrap {
		margin-top: 10px;
		padding: 0;
	}
</style>

<div class="modal fade" id="pootoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="exampleModalLabel">上传照片</h4>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
			</div>
			<div class="modal-body">
				<div class="file-loading input-group">
					<input id='location' class="form-control" onclick="$('#files').click();" placeholder="支持多选，最多选择5张">
					<label class="input-group-btn">
				  		<button id="i-check" class="btn btn-primary" onclick="$('#files').click();">选择照片</button>
				   </label>
				    <form action="/" method="post" id="form_photo">
				    	<input multiple="multiple" type="file" name="files" id="files" accept=".jpg,.jpeg,.png,.gif" onchange="$('#location').val(getFilesVal('#files'));" style="display: none;">
				    </form>
				</div>
				<div id="kartik-file-errors"></div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				<button type="button" class="btn btn-primary" title="你必须上传照片" id="photo_up" data-dismiss="modal">保存</button>
			</div>
		</div>
	</div>
</div>
<div class="cstudent-top col-lg-12 col-xs-12 col-md-10 col-sm-12">
	<div class="img col-lg-2 col-md-2"><img id="img_src_3" src="./img/student.jpg"></div>
	<div class="cstudent col-lg-10 col-md-10">

	</div>
</div>
<div class="cstudent-bottom col-lg-12 col-xs-12 col-md-10 col-sm-12">
	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
		<a id="prev" class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev" style="float: left;z-index: 99;">
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		</a>

		<!-- 图片展区 -->
		<div class="carousel-inner" id='imgss' role="listbox">

		</div>

		<a id="next" class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next" style="float: right;z-index: 99;">
			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		</a>
	</div>
	<div class="box col-lg-12">
		<div class="barrage-container-wrap clearfix col-lg-12" style="margin-bottom: 10px;">
			<div class="barrage-container">

			</div>
		</div>
	</div>
</div>
<div class="send_wrap col-lg-12 col-xs-12 col-md-12 col-sm-12"">
	<input type="text" id="danmu" class="form-control" placeholder="编辑弹幕">
	<button id='btn_danmu' class="btn btn-primary">发送</button>
	<button id='btn_photo' class="btn btn-primary">上传照片</button>
	<button id='btn_shanchu' class="btn btn-primary">删除照片</button>
</div>

<script src="./js/cstudent.js"></script>